.nav1{
    /*background-color: #dddddd;*/
    position: fixed;
    width:20% ;
}
.nav1 ul{

    display: block;
    /*background-color: bisque;*/
}
.nav1 li{
    display: block;
    /*width: 100%;*/
    /*!*background-color: #27A9E3;*!*/
    /*padding: 6%;*/
    /*position: relative;*/
    /*left: -12%;*/
}

.nav1 a{
    display: block;
    text-decoration: none;
    /*border: none;*/
    text-align: center;
}

.a1{
    background-color:#00B354;
    color: white;
    margin:10%;
    padding: 10%;
    border: solid 4px white;
}
.a2{
    background-color: #E1FFF1;
    color: #007C3C;
    margin:0 10%;
    padding: 10%;
    border: solid 4px white;
}

/*.div3{*/
    /*display: none;*/
/*}*/
.div2{
}
.div3{
    display: none;
    background-color: #f1f1f1;
    color: #555555;
    margin:0 10%;
}

.div2:hover .div3{
    display: block;
}

.a3{
    display: block;
    background-color: white;
    color: black;
    border: solid 4px #f1f1f1;
    padding:5% 10%;
    font-size: small;
}